@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

img {
  border: none; }

a {
  text-decoration: none; }

body {
  width: 100%;
  font-size: 12px;
  background: #000;
  font-family: '微软雅黑';
  color: #fff; }
  body .bigImg-layout {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    body .bigImg-layout .bigImg-left {
      position: absolute;
      top: 0;
      right: 320px;
      bottom: 0;
      left: 0; }
      body .bigImg-layout .bigImg-left .bigImg-top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 150px;
        left: 0; }
        body .bigImg-layout .bigImg-left .bigImg-top .bigImg-area {
          position: absolute;
          top: 0;
          right: 60px;
          bottom: 0;
          left: 60px;
          overflow: hidden; }
          body .bigImg-layout .bigImg-left .bigImg-top .bigImg-area .bigImg-area-container {
            position: absolute;
            top: 50%;
            margin-left: -173px;
            margin-top: -98px;
            left: 50%;
            width: 346px;
            height: 196px;
            cursor: pointer; }
            body .bigImg-layout .bigImg-left .bigImg-top .bigImg-area .bigImg-area-container .bigImg-area-image {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              pointer-events: none; }
        body .bigImg-layout .bigImg-left .bigImg-top .bigImg-page {
          position: absolute;
          top: 50%;
          width: 60px;
          margin-top: -30px;
          cursor: pointer;
          color: #fff;
          font-size: 60px; }
        body .bigImg-layout .bigImg-left .bigImg-top .bigImg-prev {
          left: 0; }
        body .bigImg-layout .bigImg-left .bigImg-top .bigImg-next {
          right: 0; }
      body .bigImg-layout .bigImg-left .bigImg-bottom {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 150px; }
        body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console {
          height: 34px;
          background-color: #2e3235;
          font-size: 0;
          text-align: center; }
          body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console .bigImg-console-hide {
            position: absolute;
            top: -14px;
            left: 50%;
            margin-left: -20px;
            width: 40px;
            height: 14px;
            background-color: #2e3235;
            color: #adafb2;
            font-size: 14px;
            text-align: center;
            cursor: pointer; }
          body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console li {
            margin: 8px 0;
            height: 18px;
            font-size: 14px;
            line-height: 18px;
            display: inline-block;
            vertical-align: top;
            padding: 0 8px;
            border-left: 1px solid #adafb2; }
            body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console li .bigImg-console-range {
              width: 90px;
              height: 18px;
              padding: 0px;
              cursor: pointer; }
            body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console li .bigImg-console-ratio {
              margin-left: 8px;
              vertical-align: top;
              cursor: default; }
            body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console li a {
              color: #adafb2;
              text-decoration: none; }
            body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console li .bigImg-console-select-option {
              position: absolute;
              right: 0;
              bottom: 16px;
              left: 0;
              margin: 0;
              padding-bottom: 8px;
              background-color: #2e3235;
              display: none; }
              body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console li .bigImg-console-select-option li {
                position: relative;
                margin: 0;
                display: block;
                border: 0 !important;
                height: 30px;
                line-height: 30px;
                font-size: 14px;
                cursor: pointer;
                color: #adafb2; }
          body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-console .bigImg-console-select {
            position: relative; }
        body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-thumbnail {
          position: relative;
          width: 100%;
          height: 116px; }
          body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-thumbnail .bigImg-thumbnail-page {
            position: absolute;
            top: 23px;
            width: 30px;
            height: 70px;
            line-height: 70px;
            background: #4e5051;
            color: #000;
            font-size: 30px;
            text-align: center; }
          body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-thumbnail .bigImg-thumbnail-prev {
            left: 60px; }
          body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-thumbnail .bigImg-thumbnail-next {
            right: 60px; }
          body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-thumbnail .bigImg-thumbnail-container {
            position: absolute;
            top: 21px;
            right: 110px;
            left: 110px;
            height: 74px;
            overflow: hidden;
            white-space: nowrap; }
            body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-thumbnail .bigImg-thumbnail-container li {
              position: relative;
              margin-right: 6px;
              height: 74px;
              width: 74px;
              border: 2px solid transparent;
              display: inline-block; }
              body .bigImg-layout .bigImg-left .bigImg-bottom .bigImg-thumbnail .bigImg-thumbnail-container li img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                max-width: 100%;
                max-height: 100%; }
    body .bigImg-layout .bigImg-right {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 320px; }
      body .bigImg-layout .bigImg-right .bigImg-SideBar {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 320px;
        background: #1A1A1A;
        overflow-y: auto; }
        body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-SideBar-topBar {
          height: 44px;
          font-family: '宋体'; }
          body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-SideBar-topBar a {
            width: 33.33333333%;
            height: 44px;
            line-height: 44px;
            color: #fff;
            display: block;
            float: left;
            text-align: center;
            font-size: 30px;
            background: #3e3e3e;
            text-decoration: none; }
            body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-SideBar-topBar a span {
              font-size: 18px; }
        body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-pg {
          padding: 8px;
          height: auto;
          border-bottom: 1px solid #3e3e3e; }
          body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-pg a {
            margin: 12px 0px;
            display: block;
            overflow: hidden;
            font-size: 14px; }
            body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-pg a .bigImg-pgHead {
              width: 60px;
              height: 60px; }
              body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-pg a .bigImg-pgHead img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                transition: all .3s ease; }
            body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-pg a .bigImg-pgName {
              margin-left: 10px;
              margin-top: 20px;
              color: #fff;
              transition: color .3s ease; }
            body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-pg a .pull-left {
              float: left !important; }
        body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-copyright {
          font-size: 14px;
          margin: 8px;
          height: 36px;
          line-height: 37px;
          color: #fff; }
          body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-copyright i {
            font-size: 18px;
            vertical-align: middle; }
        body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif {
          font-size: 14px;
          padding: 8px;
          padding-left: 15px;
          height: 40px;
          line-height: 40px;
          color: #FFFFFF;
          transition: all 0.3s linear;
          cursor: pointer;
          border-top: 1px solid #3e3e3e;
          border-bottom: 1px solid #3e3e3e; }
          body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif span {
            float: right;
            margin-right: 10px; }
        body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifInfo {
          background: #363B3E;
          padding: 8px;
          padding-left: 15px;
          color: #FFFFFF; }
          body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifInfo .bigImg-exifTitle {
            margin-top: 12px;
            margin-bottom: 12px;
            font-size: 14px; }
            body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifInfo .bigImg-exifTitle .img-description, body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifInfo .bigImg-exifTitle .img-position {
              margin-top: 12px;
              font-size: 12px;
              color: #c5ced1; }
          body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifInfo .exifDetail {
            font-size: 12px;
            color: #c5ced1; }
        body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifcon {
          border-top: 1px solid #676C6F;
          background: #363B3E;
          padding: 8px;
          padding-left: 15px;
          color: #FFFFFF; }
          body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifcon .exifDetail {
            font-size: 12px;
            color: #c5ced1; }
            body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifcon .exifDetail div {
              margin-top: 12px; }
              body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifcon .exifDetail div .common {
                width: 100px;
                text-align: left;
                display: inline-block; }
              body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .bigImg-exifcon .exifDetail div .detail {
                width: 180px;
                text-align: left;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                float: right; }
        body .bigImg-layout .bigImg-right .bigImg-SideBar .bigImg-exif-content .position-info {
          font-size: 14px;
          padding: 8px;
          padding-left: 15px;
          height: 40px;
          line-height: 40px;
          margin-bottom: -12px;
          border-top: 1px solid #676C6F;
          background: #363B3E;
          color: #FFFFFF; }
      body .bigImg-layout .bigImg-right .bigImg-input {
        margin: 30px 8px 0; }
        body .bigImg-layout .bigImg-right .bigImg-input textarea {
          width: 100%;
          height: 60px;
          background: transparent;
          color: #EEEEEE;
          padding: 8px;
          border: 1px solid #EEEEEE;
          resize: none;
          box-sizing: border-box;
          outline: none; }
        body .bigImg-layout .bigImg-right .bigImg-input button {
          margin-top: 3px;
          padding: 4px 16px;
          color: #FFFFFF;
          background: #0099E5;
          border: 2px;
          outline: none; }
      body .bigImg-layout .bigImg-right .bigImg-comment {
        margin: 8px; }
        body .bigImg-layout .bigImg-right .bigImg-comment li {
          margin-top: 12px;
          list-style: none; }
          body .bigImg-layout .bigImg-right .bigImg-comment li:hover .bigImg-comment-reply, body .bigImg-layout .bigImg-right .bigImg-comment li:hover .bigImg-comment-delete {
            display: block; }
          body .bigImg-layout .bigImg-right .bigImg-comment li p {
            margin: 0 0 10px;
            overflow: hidden; }
            body .bigImg-layout .bigImg-right .bigImg-comment li p .bigImg-comment-name {
              color: #fff;
              float: left; }
            body .bigImg-layout .bigImg-right .bigImg-comment li p .bigImg-comment-reply, body .bigImg-layout .bigImg-right .bigImg-comment li p .bigImg-comment-delete {
              margin-left: 10px;
              color: #0099E5;
              display: none;
              cursor: pointer;
              float: left; }
            body .bigImg-layout .bigImg-right .bigImg-comment li p .bigImg-comment-time {
              color: #999;
              float: right; }
          body .bigImg-layout .bigImg-right .bigImg-comment li .bigImg-comment-content {
            color: #aaa;
            text-align: left; }
